<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- <link rel="icon" href="images/icons/favicon.png"/> -->
        <title>成都梅鑫商贸有限公司</title>
        <!-- Bootstrap core CSS -->
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
     
        <link href="css/style.css" rel="stylesheet">

        <link href="css/responsive.css" rel="stylesheet">
        <script src="js/jquery.min.js" type="text/javascript"></script>
        <script src="js/bootstrap.min.js" type="text/javascript"></script>
    </head>
<body>
    <div id="page">
        <!--header--->
        <header class="header-container">
            <div class="container">
                <div class="top-row">
                    <div class="row">
                        <div class="col-md-2 col-sm-6 col-xs-6">
                            <div id="logo">
                                <a href="index.html"><img src="images/logo.png" alt="logo" class="logo hidden-sm hidden-xs"></a>  
                                <a href="index.html"><img src="images/flogo.png" alt="logo" class="logo"></a>            
                            </div>                       
                        </div>
                        <div class="col-sm-6 visible-sm">
                                <div class="text-right search">
                                        <input type="text" placeholder="搜索课程名称">
                                        <img src="images/search.png" alt="">
                                        <div class="myava">
                                                <!-- <a href="" class="login">登录</a>/
                                                <a href="">注册</a> -->
                                                <a href="">hahah</a>
                                        </div>
                                        <!-- <img src="images/ava.png" alt=""> -->
                                        <!-- 会员头像 -->
                                        <img src="images/ava_active.png" alt="">
                                </div>
                        </div>
                        <div class="col-md-6 col-sm-12 col-xs-12 remove-padd">
                            <nav class="navbar navbar-default">
                                <div class="navbar-header page-scroll">
                                    <button data-target=".navbar-ex1-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
                                        <span class="sr-only">Toggle navigation</span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                    </button>
                                </div>
                                <div class="collapse navigation navbar-collapse navbar-ex1-collapse remove-space">
                                    <ul class="list-unstyled nav1 cl-effect-10">
                                        <li><a  data-hover="首页" class="active" href="./index.html"><span>首页</span></a></li>
                                        <li><a data-hover="我的学习"  href="./mycourse.html"><span>我的学习</span></a></li>
                                        <li><a data-hover="我的收藏"  href="./mycollect.html"><span>我的收藏</span></a></li>
                                        <li><a data-hover="消息"  href="./message.html"><span>消息</span></a></li>
                                        <li><a data-hover="会员中心" href="./myvip.html"><span>会员中心</span></a></li>                                        
                                    </ul>
                                </div>
                            </nav>
                        </div>
                        <div class="col-md-4  col-sm-4 col-xs-12 hidden-sm">
                            <div class="text-right search">
                                <div class="research">
                                    <input type="text" placeholder="搜索课程名称" id="mysearch">
                                    <img src="images/search.png" alt="">
                                </div>
                                <div class="myava">
                                    <!-- <a href="" class="login">登录</a>/
                                    <a href="">注册</a> -->
                                    <a href="" class="username">你走看看</a>
                                    <span style="margin-left:10px;font-size:14px;color:rgba(151,3,147,1) ">退出</span>
                                    <!-- <img src="images/ava.png" alt="" class="ava hidden-xs"> -->
                                    <!-- 会员头像 -->
                                    <img src="images/ava_active.png" alt="" class="ava hidden-xs">
                                </div>
                            </div>                               
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!--end-->
        <!-- carousel -->
        <div id="myCarousel1" class="carousel slide" data-ride="carousel"> 
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#myCarousel1" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel1" data-slide-to="1"></li>
                <li data-target="#myCarousel1" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner">
                <div class="item active"> <img src="images/banner.png" style="width:100%; height: 442px" alt="First slide">
                    <div class="carousel-caption">
                
                    </div>
                </div>
                <div class="item"> <img src="images/banner.png" style="width:100%; height: 442px" alt="Second slide">
                    
                </div>
                <div class="item"> <img src="images/banner.png" style="width:100%; height: 442px" alt="Third slide">
                    
                </div>

            </div>
            <a class="left carousel-control" href="#myCarousel1" data-slide="prev"> <img src="images/left.png" onmouseout="this.src = 'images/left.png'" alt="left"></a>
            <a class="right carousel-control" href="#myCarousel1" data-slide="next"><img src="images/right.png" onmouseout="this.src = 'images/right.png'" alt="left"></a>

        </div>
        <div class="clearfix"></div>
        <!-- 精品课程 -->
        <div class="container">
            <div class="course">
                <h3>精品课程</h3>
                <a href="./jpmore.html" class="getmore">查看更多>></a>
            </div>
            <!-- 精品课程导航 -->
            <div class="courser_nav sm_pl">
                <ul class="navs">
                    <li class="nav_active" data-target="#all" style="text-align: center">全部</li>
                    <li   data-target="#progress">职业发展</li>
                    <li  data-target="#ai">人工智能</li>
                    <li data-target="#language">语言留学</li>
                    <li data-target="#test">职业考试</li>
                    <li data-target="#money">金融财会</li>
                    <li data-target="#itnet">IT互联网</li>
                </ul>
            </div>
            <div class="mycontent">
                <div id="all" class="mycontent_item" style="z-index: 10;">
                    <div class="coure_item" >
                        <div class="mask">
                            <a href=""  class="start_learn">开始学习</a>
                        </div>
                        <img src="images/flower.png" alt="" class="cour_pic">                          
                        <p>【PS教程合集】</p>
                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                        <div class="teacher">
                            <img src="images/avait.png" alt="">
                            <span>资深phython工程师</span>
                            <span>小布老师</span>
                        </div>
                    </div>
                    <div class="coure_item" >
                            <div class="mask">
                                <a href=""  class="start_learn">开始学习</a>
                            </div>
                            <img src="images/flower.png" alt="" class="cour_pic">                          
                            <p>【PS教程合集】</p>
                            <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                            <div class="teacher">
                                <img src="images/avait.png" alt="">
                                <span>资深phython工程师</span>
                                <span>小布老师</span>
                            </div>
                    </div>
                    <div class="coure_item" >
                            <div class="mask">
                                <a href=""  class="start_learn">开始学习</a>
                            </div>
                            <img src="images/flower.png" alt="" class="cour_pic">                          
                            <p>【PS教程合集】</p>
                            <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                            <div class="teacher">
                                <img src="images/avait.png" alt="">
                                <span>资深phython工程师</span>
                                <span>小布老师</span>
                            </div>
                    </div>
                    <div class="coure_item" >
                            <div class="mask">
                                <a href=""  class="start_learn">开始学习</a>
                            </div>
                            <img src="images/flower.png" alt="" class="cour_pic">                          
                            <p>【PS教程合集】</p>
                            <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                            <div class="teacher">
                                <img src="images/avait.png" alt="">
                                <span>资深phython工程师</span>
                                <span>小布老师</span>
                            </div>
                    </div>
                    <!-- 小屏幕隐藏  hidden-sm hidden-xs-->
                    <div class="coure_item hidden-sm hidden-xs" >
                            <div class="mask">
                                <a href=""  class="start_learn">开始学习</a>
                            </div>
                            <img src="images/flower.png" alt="" class="cour_pic">                          
                            <p>【PS教程合集】</p>
                            <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                            <div class="teacher">
                                <img src="images/avait.png" alt="">
                                <span>资深phython工程师</span>
                                <span>小布老师</span>
                            </div>
                    </div>
                    <div class="coure_item hidden-sm hidden-xs" >
                            <div class="mask">
                                <a href=""  class="start_learn">开始学习</a>
                            </div>
                            <img src="images/flower.png" alt="" class="cour_pic">                          
                            <p>【PS教程合集】</p>
                            <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                            <div class="teacher">
                                <img src="images/avait.png" alt="">
                                <span>资深phython工程师</span>
                                <span>小布老师</span>
                            </div>
                    </div>
                    <div class="coure_item hidden-sm hidden-xs" >
                            <div class="mask">
                                <a href=""  class="start_learn">开始学习</a>
                            </div>
                            <img src="images/t2 (3).png" alt="" class="cour_pic">                          
                            <p>【PS教程合集】</p>
                            <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                            <div class="teacher">
                                <img src="images/avait.png" alt="">
                                <span>资深phython工程师</span>
                                <span>小布老师</span>
                            </div>
                    </div>
                    <div class="coure_item hidden-sm hidden-xs" >
                            <div class="mask">
                                <a href=""  class="start_learn">开始学习</a>
                            </div>
                            <img src="images/t2 (4).png" alt="" class="cour_pic">                          
                            <p>【PS教程合集】</p>
                            <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                            <div class="teacher">
                                <img src="images/avait.png" alt="">
                                <span>资深phython工程师</span>
                                <span>小布老师</span>
                            </div>
                    </div>
                    
                </div>
                <div id="progress" class="mycontent_item"> 
                        <div class="coure_item" >
                            <div class="mask">
                                <a href=""  class="start_learn">开始学习</a>
                            </div>
                            <img src="images/beu.png" alt="" class="cour_pic">                          
                            <p>【PS教程合集】</p>
                            <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                            <div class="teacher">
                                <img src="images/avait.png" alt="">
                                <span>资深phython工程师</span>
                                <span>小布老师</span>
                            </div>
                        </div>
                        <div class="coure_item" >
                                <div class="mask">
                                    <a href=""  class="start_learn">开始学习</a>
                                </div>
                                <img src="images/flower.png" alt="" class="cour_pic">                          
                                <p>【PS教程合集】</p>
                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                <div class="teacher">
                                    <img src="images/avait.png" alt="">
                                    <span>资深phython工程师</span>
                                    <span>小布老师</span>
                                </div>
                        </div>
                        <div class="coure_item" >
                                <div class="mask">
                                    <a href=""  class="start_learn">开始学习</a>
                                </div>
                                <img src="images/flower.png" alt="" class="cour_pic">                          
                                <p>【PS教程合集】</p>
                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                <div class="teacher">
                                    <img src="images/avait.png" alt="">
                                    <span>资深phython工程师</span>
                                    <span>小布老师</span>
                                </div>
                        </div>
                        <div class="coure_item" >
                                <div class="mask">
                                    <a href=""  class="start_learn">开始学习</a>
                                </div>
                                <img src="images/beu.png" alt="" class="cour_pic">                          
                                <p>【PS教程合集】</p>
                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                <div class="teacher">
                                    <img src="images/avait.png" alt="">
                                    <span>资深phython工程师</span>
                                    <span>小布老师</span>
                                </div>
                        </div>
                        <div class="coure_item hidden-sm hidden-xs" >
                                <div class="mask">
                                    <a href=""  class="start_learn">开始学习</a>
                                </div>
                                <img src="images/flower.png" alt="" class="cour_pic">                          
                                <p>【PS教程合集】</p>
                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                <div class="teacher">
                                    <img src="images/avait.png" alt="">
                                    <span>资深phython工程师</span>
                                    <span>小布老师</span>
                                </div>
                        </div>
                        <div class="coure_item hidden-sm hidden-xs" >
                                <div class="mask">
                                    <a href=""  class="start_learn">开始学习</a>
                                </div>
                                <img src="images/flower.png" alt="" class="cour_pic">                          
                                <p>【PS教程合集】</p>
                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                <div class="teacher">
                                    <img src="images/avait.png" alt="">
                                    <span>资深phython工程师</span>
                                    <span>小布老师</span>
                                </div>
                        </div>
                </div> 
                    <div id="language" class="mycontent_item">
                        <div class="coure_item" >
                            <div class="mask">
                                <a href=""  class="start_learn">开始学习</a>
                            </div>
                            <img src="images/beu.png" alt="" class="cour_pic">                          
                            <p>【PS教程合集】</p>
                            <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                            <div class="teacher">
                                <img src="images/avait.png" alt="">
                                <span>资深phython工程师</span>
                                <span>小布老师</span>
                            </div>
                        </div>
                        <div class="coure_item" >
                                <div class="mask">
                                    <a href=""  class="start_learn">开始学习</a>
                                </div>
                                <img src="images/flower.png" alt="" class="cour_pic">                          
                                <p>【PS教程合集】</p>
                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                <div class="teacher">
                                    <img src="images/avait.png" alt="">
                                    <span>资深phython工程师</span>
                                    <span>小布老师</span>
                                </div>
                        </div>
                        <div class="coure_item" >
                                <div class="mask">
                                    <a href=""  class="start_learn">开始学习</a>
                                </div>
                                <img src="images/flower.png" alt="" class="cour_pic">                          
                                <p>【PS教程合集】</p>
                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                <div class="teacher">
                                    <img src="images/avait.png" alt="">
                                    <span>资深phython工程师</span>
                                    <span>小布老师</span>
                                </div>
                        </div>
                        <div class="coure_item" >
                                <div class="mask">
                                    <a href=""  class="start_learn">开始学习</a>
                                </div>
                                <img src="images/beu.png" alt="" class="cour_pic">                          
                                <p>【PS教程合集】</p>
                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                <div class="teacher">
                                    <img src="images/avait.png" alt="">
                                    <span>资深phython工程师</span>
                                    <span>小布老师</span>
                                </div>
                        </div>
                        <div class="coure_item hidden-sm hidden-xs" >
                                <div class="mask">
                                    <a href=""  class="start_learn">开始学习</a>
                                </div>
                                <img src="images/flower.png" alt="" class="cour_pic">                          
                                <p>【PS教程合集】</p>
                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                <div class="teacher">
                                    <img src="images/avait.png" alt="">
                                    <span>资深phython工程师</span>
                                    <span>小布老师</span>
                                </div>
                        </div>
                        <div class="coure_item hidden-sm hidden-xs" >
                                <div class="mask">
                                    <a href=""  class="start_learn">开始学习</a>
                                </div>
                                <img src="images/flower.png" alt="" class="cour_pic">                          
                                <p>【PS教程合集】</p>
                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                <div class="teacher">
                                    <img src="images/avait.png" alt="">
                                    <span>资深phython工程师</span>
                                    <span>小布老师</span>
                                </div>
                        </div>
                </div> 
                <div id="test" class="mycontent_item">
                        <div class="coure_item" >
                            <div class="mask">
                                <a href=""  class="start_learn">开始学习</a>
                            </div>
                            <img src="images/beu.png" alt="" class="cour_pic">                          
                            <p>【PS教程合集】</p>
                            <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                            <div class="teacher">
                                <img src="images/avait.png" alt="">
                                <span>资深phython工程师</span>
                                <span>小布老师</span>
                            </div>
                        </div>
                        <div class="coure_item" >
                                <div class="mask">
                                    <a href=""  class="start_learn">开始学习</a>
                                </div>
                                <img src="images/flower.png" alt="" class="cour_pic">                          
                                <p>【PS教程合集】</p>
                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                <div class="teacher">
                                    <img src="images/avait.png" alt="">
                                    <span>资深phython工程师</span>
                                    <span>小布老师</span>
                                </div>
                        </div>
                        <div class="coure_item" >
                                <div class="mask">
                                    <a href=""  class="start_learn">开始学习</a>
                                </div>
                                <img src="images/flower.png" alt="" class="cour_pic">                          
                                <p>【PS教程合集】</p>
                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                <div class="teacher">
                                    <img src="images/avait.png" alt="">
                                    <span>资深phython工程师</span>
                                    <span>小布老师</span>
                                </div>
                        </div>
                        <div class="coure_item" >
                                <div class="mask">
                                    <a href=""  class="start_learn">开始学习</a>
                                </div>
                                <img src="images/flower.png" alt="" class="cour_pic">                          
                                <p>【PS教程合集】</p>
                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                <div class="teacher">
                                    <img src="images/avait.png" alt="">
                                    <span>资深phython工程师</span>
                                    <span>小布老师</span>
                                </div>
                        </div>
                        <div class="coure_item hidden-sm hidden-xs" >
                                <div class="mask">
                                    <a href=""  class="start_learn">开始学习</a>
                                </div>
                                <img src="images/flower.png" alt="" class="cour_pic">                          
                                <p>【PS教程合集】</p>
                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                <div class="teacher">
                                    <img src="images/avait.png" alt="">
                                    <span>资深phython工程师</span>
                                    <span>小布老师</span>
                                </div>
                        </div>
                        <div class="coure_item hidden-sm hidden-xs" >
                                <div class="mask">
                                    <a href=""  class="start_learn">开始学习</a>
                                </div>
                                <img src="images/flower.png" alt="" class="cour_pic">                          
                                <p>【PS教程合集】</p>
                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                <div class="teacher">
                                    <img src="images/avait.png" alt="">
                                    <span>资深phython工程师</span>
                                    <span>小布老师</span>
                                </div>
                        </div>
                </div>
                <div id="money" class="mycontent_item">
                        <div class="coure_item" >
                            <div class="mask">
                                <a href=""  class="start_learn">开始学习</a>
                            </div>
                            <img src="images/beu.png" alt="" class="cour_pic">                          
                            <p>【PS教程合集】</p>
                            <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                            <div class="teacher">
                                <img src="images/avait.png" alt="">
                                <span>资深phython工程师</span>
                                <span>小布老师</span>
                            </div>
                        </div>
                        <div class="coure_item" >
                                <div class="mask">
                                    <a href=""  class="start_learn">开始学习</a>
                                </div>
                                <img src="images/flower.png" alt="" class="cour_pic">                          
                                <p>【PS教程合集】</p>
                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                <div class="teacher">
                                    <img src="images/avait.png" alt="">
                                    <span>资深phython工程师</span>
                                    <span>小布老师</span>
                                </div>
                        </div>
                        <div class="coure_item" >
                                <div class="mask">
                                    <a href=""  class="start_learn">开始学习</a>
                                </div>
                                <img src="images/flower.png" alt="" class="cour_pic">                          
                                <p>【PS教程合集】</p>
                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                <div class="teacher">
                                    <img src="images/avait.png" alt="">
                                    <span>资深phython工程师</span>
                                    <span>小布老师</span>
                                </div>
                        </div>
                        <div class="coure_item" >
                                <div class="mask">
                                    <a href=""  class="start_learn">开始学习</a>
                                </div>
                                <img src="images/flower.png" alt="" class="cour_pic">                          
                                <p>【PS教程合集】</p>
                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                <div class="teacher">
                                    <img src="images/avait.png" alt="">
                                    <span>资深phython工程师</span>
                                    <span>小布老师</span>
                                </div>
                        </div>
                        <div class="coure_item hidden-sm hidden-xs" >
                                <div class="mask">
                                    <a href=""  class="start_learn">开始学习</a>
                                </div>
                                <img src="images/flower.png" alt="" class="cour_pic">                          
                                <p>【PS教程合集】</p>
                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                <div class="teacher">
                                    <img src="images/avait.png" alt="">
                                    <span>资深phython工程师</span>
                                    <span>小布老师</span>
                                </div>
                        </div>
                        <div class="coure_item hidden-sm hidden-xs" >
                                <div class="mask">
                                    <a href=""  class="start_learn">开始学习</a>
                                </div>
                                <img src="images/flower.png" alt="" class="cour_pic">                          
                                <p>【PS教程合集】</p>
                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                <div class="teacher">
                                    <img src="images/avait.png" alt="">
                                    <span>资深phython工程师</span>
                                    <span>小布老师</span>
                                </div>
                        </div>
                </div>
                <div id="itnet" class="mycontent_item">
                        <div class="coure_item" >
                            <div class="mask">
                                <a href=""  class="start_learn">开始学习</a>
                            </div>
                            <img src="images/beu.png" alt="" class="cour_pic">                          
                            <p>【PS教程合集】</p>
                            <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                            <div class="teacher">
                                <img src="images/avait.png" alt="">
                                <span>资深phython工程师</span>
                                <span>小布老师</span>
                            </div>
                        </div>
                        <div class="coure_item" >
                                <div class="mask">
                                    <a href=""  class="start_learn">开始学习</a>
                                </div>
                                <img src="images/flower.png" alt="" class="cour_pic">                          
                                <p>【PS教程合集】</p>
                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                <div class="teacher">
                                    <img src="images/avait.png" alt="">
                                    <span>资深phython工程师</span>
                                    <span>小布老师</span>
                                </div>
                        </div>
                        <div class="coure_item" >
                                <div class="mask">
                                    <a href=""  class="start_learn">开始学习</a>
                                </div>
                                <img src="images/flower.png" alt="" class="cour_pic">                          
                                <p>【PS教程合集】</p>
                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                <div class="teacher">
                                    <img src="images/avait.png" alt="">
                                    <span>资深phython工程师</span>
                                    <span>小布老师</span>
                                </div>
                        </div>
                        <div class="coure_item" >
                                <div class="mask">
                                    <a href=""  class="start_learn">开始学习</a>
                                </div>
                                <img src="images/flower.png" alt="" class="cour_pic">                          
                                <p>【PS教程合集】</p>
                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                <div class="teacher">
                                    <img src="images/avait.png" alt="">
                                    <span>资深phython工程师</span>
                                    <span>小布老师</span>
                                </div>
                        </div>
                        <div class="coure_item hidden-sm hidden-xs" >
                                <div class="mask">
                                    <a href=""  class="start_learn">开始学习</a>
                                </div>
                                <img src="images/flower.png" alt="" class="cour_pic">                          
                                <p>【PS教程合集】</p>
                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                <div class="teacher">
                                    <img src="images/avait.png" alt="">
                                    <span>资深phython工程师</span>
                                    <span>小布老师</span>
                                </div>
                        </div>
                        <div class="coure_item hidden-sm hidden-xs" >
                                <div class="mask">
                                    <a href=""  class="start_learn">开始学习</a>
                                </div>
                                <img src="images/flower.png" alt="" class="cour_pic">                          
                                <p>【PS教程合集】</p>
                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                <div class="teacher">
                                    <img src="images/avait.png" alt="">
                                    <span>资深phython工程师</span>
                                    <span>小布老师</span>
                                </div>
                        </div>
                </div> 
            </div> 
        </div>
        <!-- 热门视频推荐 -->
        <div class="container">
                <div class="course">
                    <h3>热门视频推荐</h3>
                    <a href="./more.html" class="getmore">查看更多>></a>
                </div>
                <!-- 热门视频推荐导航 -->
                <div class="courser_nav">
                    <ul class="navs renavs">
                        <li class="nav_active text-center" data-target="#comment">好评</li>
                        <li class="text-center" data-target="#well">畅销</li>
                        <li class="text-center"  data-target="#newcourse">新课</li>
                    </ul>
                </div>
                <div class="mycontent1">
                    <div id="comment" class="recontent" style="z-index: 10;">
                        <div class="reparent">
                            <div class="coure_item">
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/t1.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/t2.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/t3.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/t4.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/t6.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/beu.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/t2 (3).png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/t2 (4).png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item hidden-sm hidden-xs" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/beu.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item hidden-sm hidden-xs" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/flower.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div> 
                            <div class="coure_item hidden-sm hidden-xs" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/t6.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item hidden-sm hidden-xs" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/beu.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item hidden-sm hidden-xs" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/t2 (3).png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item hidden-sm hidden-xs" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/t2 (4).png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item hidden-sm hidden-xs" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/beu.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item hidden-sm hidden-xs" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/flower.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>    
                        </div>
                    </div>
                    <div id="well" class="recontent">
                            <div class="reparent">
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/beu.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/beu.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/beu.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item hidden-sm hidden-xs" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/beu.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item hidden-sm hidden-xs" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>   
                            </div>
                    </div>
                    <div id="newcourse" class="recontent">
                            <div class="reparent">                
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/beu.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                        <div class="coure_item" >
                                                <div class="mask">
                                                    <a href=""  class="start_learn">开始学习</a>
                                                </div>
                                                <img src="images/beu.png" alt="" class="cour_pic">                          
                                                <p>【PS教程合集】</p>
                                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                                <div class="teacher">
                                                    <img src="images/avait.png" alt="">
                                                    <span>资深phython工程师</span>
                                                    <span>小布老师</span>
                                                </div>
                                            </div>
                                            <div class="coure_item" >
                                                    <div class="mask">
                                                        <a href=""  class="start_learn">开始学习</a>
                                                    </div>
                                                    <img src="images/flower.png" alt="" class="cour_pic">                          
                                                    <p>【PS教程合集】</p>
                                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                                    <div class="teacher">
                                                        <img src="images/avait.png" alt="">
                                                        <span>资深phython工程师</span>
                                                        <span>小布老师</span>
                                                    </div>
                                            </div>
                                            <div class="coure_item" >
                                                    <div class="mask">
                                                        <a href=""  class="start_learn">开始学习</a>
                                                    </div>
                                                    <img src="images/flower.png" alt="" class="cour_pic">                          
                                                    <p>【PS教程合集】</p>
                                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                                    <div class="teacher">
                                                        <img src="images/avait.png" alt="">
                                                        <span>资深phython工程师</span>
                                                        <span>小布老师</span>
                                                    </div>
                                            </div>
                                            <div class="coure_item" >
                                                    <div class="mask">
                                                        <a href=""  class="start_learn">开始学习</a>
                                                    </div>
                                                    <img src="images/beu.png" alt="" class="cour_pic">                          
                                                    <p>【PS教程合集】</p>
                                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                                    <div class="teacher">
                                                        <img src="images/avait.png" alt="">
                                                        <span>资深phython工程师</span>
                                                        <span>小布老师</span>
                                                    </div>
                                            </div>
                                            <div class="coure_item" >
                                                    <div class="mask">
                                                        <a href=""  class="start_learn">开始学习</a>
                                                    </div>
                                                    <img src="images/flower.png" alt="" class="cour_pic">                          
                                                    <p>【PS教程合集】</p>
                                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                                    <div class="teacher">
                                                        <img src="images/avait.png" alt="">
                                                        <span>资深phython工程师</span>
                                                        <span>小布老师</span>
                                                    </div>
                                            </div>   
                            </div>
                    </div>               
                </div>
                 <!--分页  -->
                 <div>
                    <ul class="pagenation">
                        <li>上一页</li>
                        <li class="page_active">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>下一页</li>
                    </ul>
                </div>
        </div>
        <!--  footer-->     
        <footer>
                <div class="fp" > 
                    <div class="footer_detal">
                        <img src="images/flogo.png" alt="">
                        <p>我的学习 | 我的收藏 </p>
                        <p>联系方式：028-84400396</p>
                        <p class="copyright">
                            © Copyright 2016-现在 成都梅鑫商贸有限公司 版权所有 huke88.com  
                        </p>
                    </div>
                    <div class="erweima text-center">
                        <p class="focus">关注微信公众号</p>
                        <img src="images/erweima.png" alt="">
                    </div>
                </div>
                
        
        </footer>
        <!-- 侧边栏 -->
        <aside class="hidden-sm hidden-xs">
            <div>
                <img src="images/mes.png" alt=""  onmouseout="this.src = 'images/mes.png'" onmouseenter="this.src = 'images/mes_active.png'" >
                <div class="kefu">
                    <span>客服QQ:23698541121</span>
                    <span>工作日：9：00-19:00</span>
                </div>
            </div>
            <div>              
                <img src="images/phone.png" class="kefu_phone" alt=""  onmouseout="this.src = 'images/phone.png'" onmouseenter="this.src = 'images/phone_active.png'" >
                <div class="weixin">
                    <img src="images/weixin.png" alt="" class="vx">
                </div>
            </div>
            <div  class="return">
                <img src="images/backtop.png" class="kefu_backtop" alt=""  onmouseout="this.src = 'images/backtop.png'" onmouseenter="this.src = 'images/backtop_active.png'">
            </div>
        </aside>
        <!--点击登录 -->
        <div class='mylogin_mask'>
            <div class="mylogin">
                <div class="text-right guanbi">
                    <img src="images/guanbi.png" alt="" class="close_dilog">
                </div>
                <div class="loginbar">
                    <span   data-target="#login" class="text-center login_active" >登录</span>
                    <span  data-target="#register"  class="text-center">注册</span>
                </div>
                <div class="mylogs">
                    <div id="login" style="z-index: 10;">
                        <form action="">
                            <div class="login_item">
                                <img src="images/logphone.png" alt="" class="logphone">
                                <input type="text" placeholder="手机号码">
                            </div>
                            <div class="login_item">
                                <img src="images/password.png" alt="" class="logphone">
                                <input type="text" placeholder="密码">
                            </div>
                            <div class="forgetpwd">
                                <div style="display: flex;">
                                    <input type="checkbox" value="自动登录">
                                    <input type="button">
                                </div>
                                <a href="./resetpwd.html" class="rsetpwd">忘记密码？</a>
                            </div>
                            <div class="logbtn">
                                <input type="button" value="登录">
                            </div>
                        </form>
                    </div>
                    <div id="register" style="display: none">
                        <form action="">
                            <div class="login_item">
                                <img src="images/logphone.png" alt="" class="logphone">
                                <input type="text" placeholder="手机号码">
                            </div>
                            <div class="login_item">
                                <img src="images/nichen.png" alt="" class="logphone">
                                <input type="text" placeholder="昵称">
                            </div>
                            <div class="login_item">
                                <img src="images/password.png" alt="" class="logphone">
                                <input type="text" placeholder="密码">
                            </div>
                            <div class="login_item">
                                <img src="images/password.png" alt="" class="logphone">
                                <input type="text" placeholder="确认密码">
                            </div>
                            <div class="login_item" style="display: flex;justify-content: space-between">
                                <div >
                                    <img src="images/yz.png" alt="" class="logphone">
                                    <input type="text" placeholder="短信验证码" >
                                </div>
                                <span class="rsetpwd">发送验证码</span>
                            </div>
                            <div class="logbtn">
                                <input type="button" value="注册">
                            </div>
                        </form>
                    </div>
                </div>
            </div> 

        </div>
    </div>
    <script>
    
    //搜索框的输入值
    $("#mysearch+img").click(function(){
       var s_val = $("#mysearch").val();
       location.href="./search.html?mysearch="+s_val;

       console.log(s_val)
    })
    // 跳转至详情
    $(".coure_item").click(function(){
        // 后期携带参数跳转
        location.href="details.html"
    })
        // 切换导航内容
        function change_pro(elem,a,b){
                $(elem).click((e)=>{
                if(e.target.nodeName == a){
                let $a = $(e.target);
                $a.addClass(b)
                    .siblings()
                    .removeClass(b);
                let id = $a.attr("data-target");                 
                    $(id).css({"zIndex":"10",
                            "display":"block"
                    })             
                        .siblings().css({"zIndex":"",
                            "display":"none"
                    }); 
                }    
            })
        }
    function change_pro1(elem){
            $(elem).click((e)=>{
            if(e.target.nodeName == "LI"){
            let $a = $(e.target);
            $a.addClass("nav_active")
                .siblings()
                .removeClass("nav_active");
            let id = $a.attr("data-target");                 
                $(id).css({"zIndex":"10",
                        
                })             
                    .siblings().css({"zIndex":"",

                }); 
            }    
        })
    }
        change_pro1($(".navs"));
        change_pro($(".loginbar"),"SPAN","login_active")  
        // 回到顶部        
        $(".return").click(function () {
            console.log(11111)
        $("html,body").animate({ scrollTop: 0 },1000); //回到顶部
        });
        // 点击登录
        $(".login").click(function(e){
            e.preventDefault()
            $(".mylogin_mask").show()
        })
        // 关闭登录页面
        $(".close_dilog").click(function(){
            $(".mylogin_mask").hide();
        })
        </script>
    </body>
</html>
